body,
page,
view {
	box-sizing: border-box;
	flex-shrink: 0;
}

body {
	font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
		Arial, PingFang SC-Light, Microsoft YaHei;
	margin: 0;
	padding: 0;
	color: #333333;
	font-size: 28upx;
}

button {
	margin: 0;
	padding: 0;
	border: 1px solid transparent;
	outline: none;
	background-color: transparent;
}
.ellipsis{
	overflow:hidden; 
	/* 超出的文本隐藏 */
	text-overflow:ellipsis; 
	/* 溢出用省略号显示 */
	white-space:nowrap;
}
button:active {
	opacity: 0.6;
}

.border::after {
	border: 0;
}

.block {
	display: block;
}

.flex-col {
	display: flex !important;
	flex-direction: column;
}

.flex-row {
	display: flex !important;
	flex-direction: row;
}

.justify-start {
	display: flex;
	justify-content: flex-start;
}

.justify-center {
	display: flex;
	justify-content: center;
}

.justify-end {
	display: flex;
	justify-content: flex-end;
}

.justify-evenly {
	display: flex;
	justify-content: space-evenly;
}

.justify-around {
	display: flex;
	justify-content: space-around;
}

.justify-between {
	display: flex;
	justify-content: space-between;
}

.align-start {
	display: flex;
	align-items: flex-start;
}
.align-center {
	display: flex;
	align-items: center;
}

.align-end {
	display: flex;
	align-items: flex-end;
}

.flex-wrap {
	display: flex;
	flex-wrap: wrap;
}

.flex1 {
	flex: 1
}

.veralign {
	vertical-align: middle;
}

.placeholderStyle {
	font-size: 26rpx !important;
	color: #B0B0B0 !important;
	font-weight: normal !important;
}

.btn {
	transition: all 100ms;
}

.btn:active {
	transform: scale(0.9);
	transition: all 100ms;
}

.bordernone {
	border: none !important;
}

/* padding margin */
.mauto {
	margin-left: auto;
	margin-right: auto;
}

.ptb2 {
	padding-top: 4upx;
	padding-bottom: 4upx;
}

.ptb3 {
	padding-top: 6upx;
	padding-bottom: 6upx;
}

.ptb4 {
	padding-top: 8upx;
	padding-bottom: 8upx;
}

.plr2 {
	padding-left: 4upx;
	padding-right: 4upx;
}

.pt5 {
	padding-top: 10upx;
}

.pb5 {
	padding-bottom: 10upx;
}

.ptb5 {
	padding-top: 10upx;
	padding-bottom: 10upx;
}

.plr5 {
	padding-left: 10upx;
	padding-right: 10upx;
}

.pl10 {
	padding-left: 20upx;
}

.pt10 {
	padding-top: 20upx;
}

.plr10 {
	padding-left: 20upx;
	padding-right: 20upx;
}

.ptb8 {
	padding-top: 16upx;
	padding-bottom: 16upx;
}

.plr8 {
	padding-left: 16upx;
	padding-right: 16upx;
}

.ptb10 {
	padding-top: 20upx;
	padding-bottom: 20upx;
}

.pb10 {
	padding-bottom: 20upx;
}

.pt13 {
	padding-top: 26upx;
}

.pt15 {
	padding-top: 30upx;
}

.pl15 {
	padding-left: 30upx;
}

.pb15 {
	padding-bottom: 30upx;
}

.ptb12 {
	padding-top: 24upx;
	padding-bottom: 24upx;
}

.ptb15 {
	padding-top: 30upx;
	padding-bottom: 30upx;
}

.ptb18 {
	padding-top: 36upx;
	padding-bottom: 36upx;
}

.pt20 {
	padding-top: 40upx;
}

.ptb20 {
	padding-top: 40upx;
	padding-bottom: 40upx;
}

.ptb25 {
	padding-top: 50upx;
	padding-bottom: 50upx;
}

.ptb12 {
	padding-top: 24upx;
	padding-bottom: 24upx;
}

.pl12 {
	padding-left: 24upx;
}

.plr12 {
	padding-left: 24upx;
	padding-right: 24upx;
}

.plr14 {
	padding-left: 28upx;
	padding-right: 28upx;
}

.plr15 {
	padding-left: 30upx;
	padding-right: 30upx;
}

.pl20 {
	padding-left: 40upx;
}

.plr20 {
	padding-left: 40upx;
	padding-right: 40upx;
}

.plr25 {
	padding-left: 50upx;
	padding-right: 50upx;
}

.plr40 {
	padding-left: 80upx;
	padding-right: 80upx;
}

.pb30 {
	padding-bottom: 60upx;
}

.ptb30 {
	padding-top: 60upx;
	padding-bottom: 60upx;
}

.pb50 {
	padding-bottom: 100upx;
}

.pb70 {
	padding-bottom: 140upx;
}

.ml2 {
	margin-left: 4upx;
}

.mt5 {
	margin-top: 10upx;
}

.ml5 {
	margin-left: 10upx;
}

.mr5 {
	margin-right: 10upx;
}

.mr6 {
	margin-right: 12upx;
}

.ml10 {
	margin-left: 20upx;
}

.mr10 {
	margin-right: 20upx;
}

.ml12 {
	margin-left: 24upx;
}

.ml15 {
	margin-left: 30upx;
}

.mr15 {
	margin-right: 30upx;
}

.ml20 {
	margin-left: 40upx;
}

.mt8 {
	margin-top: 16upx;
}

.mt10 {
	margin-top: 20upx;
}

.mt12 {
	margin-top: 24upx;
}

.mt15 {
	margin-top: 30upx;
}

.mt18 {
	margin-top: 36upx;
}

.mt20 {
	margin-top: 40upx;
}

.mt30 {
	margin-top: 60upx;
}

.mt50 {
	margin-top: 100rpx;
}

.mb10 {
	margin-bottom: 20upx;
}

.mb12 {
	margin-bottom: 24upx;
}

.mb15 {
	margin-bottom: 30upx;
}

.mb20 {
	margin-bottom: 40upx;
}

.pb100 {
	padding-bottom: 200upx;
}

/* Font-size color */
.tc {
	text-align: center;
}

.tr {
	text-align: right;
}

.white-space {
	white-space: pre-line;
}

.bold {
	font-weight: bold;
}

.fw5 {
	font-weight: 500;
}

.ft10 {
	font-size: 20upx;
}

.ft11 {
	font-size: 22upx;
}

.ft12 {
	font-size: 24upx;
}

.ft13 {
	font-size: 26upx;
}

.ft14 {
	font-size: 28upx;
}

.ft15 {
	font-size: 30upx;
}

.ft16 {
	font-size: 32upx;
}

.ft18 {
	font-size: 36upx;
}

.ft20 {
	font-size: 40upx;
}

.ft22 {
	font-size: 44upx;
}

.ft24 {
	font-size: 48upx;
}

.ft25 {
	font-size: 50upx;
}

.ft30 {
	font-size: 60upx;
}


.grayb {
	color: #bbbbbb;
}

.gray9 {
	color: #999999;
}

.grayA8 {
	color: #A8A9AD;
}

.gray4 {
	color: #00000066;
}

.gray2 {
	color: #00000033;
}

.gray6 {
	color: #666666;
}

.gray3 {
	color: #333333;
}

.graywhite {
	color: #6A7596;
}

.grayblue {
	color: #092E6B;
}

.grayblue3 {
	color: #3D5B8D;
}

.purple {
	color: #752B8E;
}

.white4 {
	color: #ffffff66;
}

.white6 {
	color: rgba(255, 255, 255, 0.6);
}

.white8 {
	color: rgba(255, 255, 255, 0.8);
}

.white {
	color: #ffffff;
}

.black {
	color: #000000;
}

.brown {
	color: #410A25;
}
.deepgold{
	color:#b8741a
}
.light {
	color: #F44A42;
}

.lightColor {
	color: #338EF9;
}

.blue {
	color: #0E42D2;
}

.yellow {
	color: #F2B310;
}

.gold {
	color: #FFEBC3;
}

.red {
	color: #F53F3F;
}

.red2 {
	color: #DF0202;
}

.delline {
	text-decoration: line-through;
}

.wordba {
	word-break: break-all
}

.clamp {
	/* #ifdef APP-PLUS-NVUE */
	lines: 1;
	/* #endif */
	/* #ifndef APP-PLUS-NVUE */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	word-break: break-all;
	/* #endif */
}

.clamp2 {
	/* #ifdef APP-PLUS-NVUE */
	lines: 2;
	/* #endif */
	/* #ifndef APP-PLUS-NVUE */
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	word-break: break-all;
	/* #endif */
}

.line18 {
	line-height: 1.8;
}

/* 背景色 */
.bgWhite {
	background-color: #ffffff;
}

.bgWhite6 {
	background: rgba(255, 255, 255, 0.6);
}

.bgBlack2 {
	background: rgba(0, 0, 0, 0.2);
}

.bgBlack4 {
	background: rgba(0, 0, 0, 0.4);
}

.bgBlack6 {
	background: rgba(0, 0, 0, 0.6);
}

.bgCC {
	background-color: #CCC;
}

.bgF9 {
	background-color: #F9F9F9;
}

.bgD9 {
	background-color: #D9D9D9;
}

.bgF7 {
	background-color: #F7f7f7;
}

.bgF8 {
	background-color: #F8f8f8;
}

.bgPart {
	background-color: #ffffff !important;
}

.bgE {
	background-color: #eeeeee;
}

.bgBlack5 {
	background-color: #5F5978;
}

.bgpurblack {
	background-color: #410A25;
}

.bgpur {
	background-color: #E7D2FF;
}

.bgpurpink {
	background-color: #FF96C91A;
}

.bgliner {
	background: linear-gradient(160deg, #820140 0%, #57002B 100%)
}

.bgliner2 {
	background: linear-gradient(180deg, #2A89FF 0%, #5FB6FF 100%);
}

.bglinerpur {
	background: linear-gradient(90deg, #76013A 0%, #57012B 100%);
}

.bglineryellow {
	background: linear-gradient(321deg, #EFC17C 0%, #FAD9A7 100%);
}

.bglinerWhiteyellow {
	background: linear-gradient(180deg, #FEF7EF 0%, #FCEFDF 100%);
}

.bgBlue05 {
	background-color: #F6FAFF;
}

.bgYellow {
	background-color: #FC812A;
}

.bg01Blue {
	background-color: #3490f91a;
}

.bgBluef2 {
	background-color: #F2F8FF;
}

.bggray {
	background-color: #F2F3F5;
}

.bggray9 {
	background-color: #999999;
}

.bglight {
	background-color: #F44A42;
}

.bglight74 {
	background-color: #740039;
}

.bgRed {
	background-color: #F53F3F;
}

.bg9D7 {
	background-color: #FFD9D7;
}

/* 边框 */
.bdlight {
	border: 1px solid #EE6753 !important;
}

.bdpur {
	border: 1rpx solid #740039;
}

.bde {
	border: 1px solid #eeeeee;
}

.bdwhite {
	border: 1px solid #ffffff;
}

.bdwhite6 {
	border: 1px solid rgba(255, 255, 255, 0.6);
}

.bdbf1 {
	border-bottom: 1px solid #f1f1f1;
}

.bdbf7 {
	border-bottom: 1px solid #f7f7f7;
}

.bd99 {
	border: 1px solid #999999;
}

.bdbe {
	border-bottom: 1px solid #eeeeee;
}

.bd9 {
	border: 1px solid #999999;
}

.bdRed {
	border: 1px solid #EE5C5C;
}

.bdGold {
	border: 1px solid #D9C2AE;
}

.bd97 {
	border: 1px solid #979797;
}
.bdte {
	border-top: 1px solid #eeeeee;
}
.bdtF4 {
	border-top: 1px solid #F44A42;
}
.bdF42 {
	border: 1px solid #F44A42;
}

.radius3 {
	border-radius: 6upx;
}

.radius4 {
	border-radius: 8upx;
}

.radius5 {
	border-radius: 10upx;
}

.radius2 {
	border-radius: 5upx;
}

.radius8 {
	border-radius: 16upx;
}

.radius10 {
	border-radius: 20upx;
}

.radius22 {
	border-radius: 45upx;
}

.radius50 {
	border-radius: 50%;
}

.topRadius10 {
	border-radius: 20upx 20upx 0 0;
}

.shadow {
	box-shadow: 0px 2upx 10upx 0px rgba(0, 0, 0, 0.02);
}

/* 宽高 */
.w100 {
	width: 100%;
}

.w50 {
	width: 50%;
}

.w25 {
	width: 25%;
}

.h10 {
	height: 20upx;
}

.h20 {
	height: 40upx;
}

.lh20 {
	line-height: 40upx;
}

.h40 {
	height: 80upx;
}

.lh40 {
	line-height: 80upx;
}

.h45 {
	height: 90upx;
}

.lh45 {
	line-height: 90upx;
}

.h50 {
	height: 100upx;
}

.lh50 {
	line-height: 100upx;
}

.overhide {
	overflow: hidden;
}

/* 定位 */
.posRelative {
	position: relative;
}

.posAbsort {
	position: absolute;
}

.posFixed {
	position: fixed;
}

.top0 {
	top: 0
}

.lf0 {
	left: 0;
}

.btm0 {
	bottom: 0;
}

.rt0 {
	right: 0;
}

.top44 {
	/* #ifdef H5 */
	top: 88upx;
	/* #endif */
}

.opt1 {
	opacity: 1 !important;
}

/* 其他 */
.zIndex999 {
	z-index: 999;
}

.btnMin {
	height: 88upx;
	line-height: 88upx;
	color: #ffffff;
	font-size: 32upx;
	border-radius: 10upx;
	background: linear-gradient(90deg, #5FB6FF, #338EF9);
	text-align: center;
}

.nav_backImg {
	width: 40rpx;
	height: 40rpx;
}

.btn_box view {
	width: 218upx;
	height: 68upx;
	line-height: 68upx;
}